<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                >

    <f:subview id="cadastroCertificacaoEmbutido" rendered="#{fluxoExibicaoCadastro.exibirCadastroCertificacao}">
        <h:panelGrid columns="1" styleClass="center" >
            <h:panelGroup id="groupCadCertificacao" styleClass="esquerda">
                <h:form id="cadCertificacaoForm" styleClass="formularioFundo">
                    <h:panelGrid columns="3" styleClass="bvb-font">
                         <f:facet name="header">
                            <h:outputText value="#{msg.cadCertificacaoPanelGridTitle}" styleClass="formularioTitle"/>
                        </f:facet>
                        <h:outputLabel value="#{msg.empresa}:" id="labelEmpresa" title="#{msg.titleEmpresaCadCertificacao}"/>
                        <p:inputText value="#{cadastroCertificacao.certificacao.empresa}" id="empresaCad" required="true"
                                     requiredMessage="#{msg.campoObrigatorio}" title="#{msg.titleEmpresaCadCertificacao}"
                                     label="#{msg.empresa}" maxlength="50" size="30">
                            <f:validateLength minimum="3" maximum="50"/>
                        </p:inputText>
                        <p:message for="empresaCad"/>

                        <h:outputLabel value="#{msg.nome}:" id="labelNome" title="#{msg.titleNomeCadCertificacao}"/>
                        <p:inputText value="#{cadastroCertificacao.certificacao.nome}" id="nomeCad" required="true"
                                     requiredMessage="#{msg.campoObrigatorio}" title="#{msg.titleNomeCadCertificacao}"
                                     label="#{msg.nome}" maxlength="50" size="30">
                            <f:validateLength minimum="3" maximum="50"/>
                        </p:inputText>
                        <p:message for="nomeCad"/>

                        <h:outputLabel value="#{msg.coordenador}:" id="labelCoordenador" title="#{msg.titleCoordenadorCadCertificacao}"/>
                        <h:selectOneMenu value="#{cadastroCertificacao.certificacao.coordenador}" id="selectCoord"
                                            title="#{msg.titleCoordenadorCadCertificacao}" required="true"
                                            requiredMessage="#{msg.campoObrigatorio}">
                            <f:selectItems value="#{cadastroCertificacao.coordenadores}"/>
                            <f:converter converterId="genericoConverter"/>
                        </h:selectOneMenu>
                        <p:message for="selectCoord"/>

                        <h:outputText value=""/>
                        <h:panelGroup id="buttonGroup">
                            <p:commandLink actionListener="#{cadastroCertificacao.salvarCertificacao}" update="conteudoCentralGroup,messages"
                                           title="#{msg.titleButtonSalvarCadCertificacao}" id="buttonSalvar" styleClass="ui-button_link">
                                <h:graphicImage library="img" name="bt_salvar.png"/>
                            </p:commandLink>
                            <p:spacer width="2" height="2"/>
                             <h:commandButton  title="#{msg.titleButtonCleanCadUser}" immediate="true" image="/resources/img/bt_limpar_red.png"
                                               id="buttonLimpar"  actionListener="#{cadastroCertificacao.init}">
                                <f:ajax render="cadCertificacaoForm"></f:ajax>
                            </h:commandButton>
                        </h:panelGroup>
                    </h:panelGrid>
                </h:form>
            </h:panelGroup>

                <h:panelGroup id="spacers" styleClass="center">
                <p:spacer width="100%" height="5"/>
                <p:spacer width="100%" height="5"/>
                </h:panelGroup>

            <h:panelGroup id="certificacaoGroup">
                <h:form id="formTableCertificacao">
                    <p:dataTable value="#{cadastroCertificacao.modelCertificacoes}" var="certificacao"
                                    id="tableCertificacao" rows="5" paginator="true"
                                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks}
                                    {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" styleClass="bvb-font"
                                 rowsPerPageTemplate="5,10,15" emptyMessage="#{msg.semRegistrosEcontrados}">
                        <f:facet name="header">
                            <h:outputText value="#{msg.richTableCertificacaoes}"/>
                        </f:facet>

                         <p:column id="col1" filterBy="#{certificacao.empresa}"  headerText="Model" footerText="contains"
                                  filterMatchMode="contains">
                            <f:facet name="header">
                                <h:outputText value="#{msg.richColumnEmpresa}"/>
                            </f:facet>
                            <h:outputText value="#{certificacao.empresa}"/>
                        </p:column>

                        <p:column id="col2" filterBy="#{certificacao.nome}"  headerText="Model" footerText="contains"
                                  filterMatchMode="contains">
                            <f:facet name="header">
                                <h:outputText value="#{msg.richColumnNome}"/>
                            </f:facet>
                            <h:outputText value="#{certificacao.nome}"/>
                        </p:column>

                        <p:column id="col3" filterBy="#{certificacao.coordenador.nomeSobreNome}" headerText="Model" footerText="contains"
                                  filterMatchMode="contains">
                            <f:facet name="header">
                                <h:outputText value="#{msg.richColumnCoordenador}"/>
                            </f:facet>
                            <h:outputText value="#{certificacao.coordenador.nomeSobreNome}"/>
                        </p:column>

                        <p:column id="editarCertificacao" styleClass="center">
                            <f:facet name="header">
                                <h:outputText value="#{msg.richColumnEditar}"/>
                            </f:facet>
                            <p:commandLink update="conteudoCentralGroup,messages" title="#{msg.titleButtonPegaEditCertificacao}" 
                                           id="buttonEditar" styleClass="ui-button_link">
                                <h:graphicImage library="img" name="certificacao_24_edit.png"/>
                                <f:setPropertyActionListener value="#{certificacao}" target="#{cadastroCertificacao.certificacao}" />  
                            </p:commandLink>
                        </p:column>
                    </p:dataTable>
                </h:form>
            </h:panelGroup>

        </h:panelGrid>
    </f:subview>
</ui:composition>
